<template>
    <div class="wrap">
	<header-v></header-v>
      
	<div class="news-content">
		<div class="title">
			<strong>新闻中心</strong>
			<i></i>
			<p>NEWS CENTER</p>
		</div>
		<div class="content">
			<div class="tab">
				<router-link to="">公司新闻</router-link>
				<router-link to="">行业新闻</router-link>
				<router-link to="">教育知识</router-link>
			</div>
			<ul>
				<li>
					<router-link to="/" class="news_title">如何用铝合金灯光架搭建背景墙</router-link> 
					<p class="time">2017-09-20</p>
					<p class="desc">如何用铝合金灯光架搭建背景墙</p>
				</li>
				<li>
					<router-link to="/" class="news_title">技术：未来网络广告公司竞争核心</router-link> 
					<p class="time">2017-09-20</p>
					<p class="desc">技术：未来网络广告公司竞争核心</p>
				</li>
				<li>
					<router-link to="/" class="news_title">压克力吸塑字贴灯布的工艺</router-link> 
					<p class="time">2017-09-20</p>
					<p class="desc">压克力吸塑字贴灯布的工艺</p>
				</li>
				<li>
					<router-link to="/" class="news_title">2010时报华文广告金像奖邀请函</router-link> 
					<p class="time">2017-09-20</p>
					<p class="desc">2010时报华文广告金像奖邀请函</p>
				</li>
				<li>
					<router-link to="/" class="news_title">TOM户外赢得安利华北，华东，华南三个大区全部的户外广告的代理业务</router-link> 
					<p class="time">2017-09-20</p>
					<p class="desc">TOM户外赢得安利华北，华东，华南三个大区全部的户外广告的代理业务</p>
				</li>
				<li>
					<router-link to="/" class="news_title">圆管折叠桁架介绍</router-link> 
					<p class="time">2017-09-20</p>
					<p class="desc">圆管折叠桁架介绍</p>
				</li>
				<li>
					<router-link to="/" class="news_title">多维度效果营销 实现“二主”双赢</router-link> 
					<p class="time">2017-09-20</p>
					<p class="desc">多维度效果营销 实现“二主”双赢</p>
				</li>
				<li>
					<router-link to="/" class="news_title">方管固定桁架介绍</router-link> 
					<p class="time">2017-09-20</p>
					<p class="desc">方管固定桁架介绍</p>
				</li>
			</ul>
			<div class="page">
				<router-link to="/" class="num"> < </router-link>
				<router-link to="/" class="num active">1</router-link>
				<router-link to="/" class="num">2</router-link>
				<router-link to="/" class="num">3</router-link>
				<router-link to="/" class="num">4</router-link>
				<router-link to="/" class="num">5</router-link>
				<router-link to="/" class="num"> > </router-link>
			</div>
		</div>
	</div>
      
    <footer-v></footer-v>
  </div>
</template>


<script>
import header from '../public/header'
import footer from '../public/footer'

export default {
    components: {
        headerV : header,
        footerV : footer,
    },
    data () {
        return {

        }
    },
    methods : {

    }
}

</script>


<style type="text/css" scoped="scoped">
	/* newsList.style */
	.news-content .title strong{font-size: 0.18rem;}
	.tab {margin-bottom: 0.2rem; overflow: hidden;}
	.tab a{width: 0.9rem; height: 0.3rem; line-height: 0.3rem; text-align: center; color: rgba(67,67,67,1); display: block; float: left; border: 0.01rem solid rgba(217,217,217,1); margin-left: 0.11rem;}
	.content ul{clear: both; padding: 0 0.1rem; margin-top: 0.2rem;}
	.content ul li{border-bottom: 0.01rem solid #eeeeee; margin-bottom: 0.1rem; line-height: 0.22rem; padding-bottom: 0.06rem;}
	.content ul li .news_title{font-size: 0.14rem; color: #5a5a5a;}
	.content ul li .news_title:hover{color: #ba995b;}
	.content ul li .time{color: #929292;}
	.content ul li .desc{color:#666;}
</style>
